<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<link rel="shortcut icon" href="{{=URL('static','favicon.ico')}}" type="image/vnd.microsoft.icon"> 
	<link rel="icon" type="image/gif" href="{{=URL('static','favicon.ico')}}" />
	<title>BrainTrainerPlus&trade; - Maak zelf een quiz!</title>
	<!-- For the less-enabled mobile browsers like Opera Mini -->
    <link rel="stylesheet" media="handheld" href="{{=URL('static','css/handheld.css')}}">
    <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
    <script src="{{=URL('static','js/modernizr-1.7.min.js')}}"></script>
    {{if (response.view != 'quiz/regional.html') & (response.view != 'quiz/personal.html'):}}
    <style type="text/css">
	a.button {
		line-height:300%;
		padding: 3px 10px;
		color: #333;
		text-decoration:none;
		background-color: #c2d63e;
		border: 1px solid #bfd330;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin:6px 3px;
	    -moz-box-shadow:inset 0 0 2px #ccde5c;
	    -webkit-box-shadow:inset 0 0 2px #ccde5c;
	    box-shadow:inset 0 0 2px #ccde5c;
	}
	a.button:hover {
		color:#fff;
		text-decoration:none;
		background-color:#333;
		border: 1px solid #000;
	    -moz-box-shadow:inset 0 0 2px #333;
	    -webkit-box-shadow:inset 0 0 2px #333;
	    box-shadow:inset 0 0 2px #333;
	}
	</style>
	{{pass}}
    {{#------  require CSS and JS files for this page (read info in base.css) ------}}
    {{response.files.append(URL('static','css/superfish.css'))}}
    {{response.files.append(URL('static','js/superfish.js'))}}
    {{#------ include web2py specific js code (jquery, calendar, form stuff) ------}}
  	{{response.files.append(URL('static','css/style.css'))}}
  	{{#------ include hasLightbox specific js and css code ------}}
  	{{response.files.append(URL('static','js/fancybox/jquery.fancybox-1.3.4.pack.js'))}}
  	{{response.files.append(URL('static','js/fancybox/jquery.easing-1.3.pack.js'))}}
  	{{response.files.append(URL('static','js/fancybox/jquery.mousewheel-3.0.4.pack.js'))}}
  	{{response.files.append(URL('static','js/fancybox/jquery.fancybox-1.3.4.css'))}}
	{{#------ include nivoSlider specific js/css code ------}}
	{{response.files.append(URL('static','js/nivoslider/themes/default/default.css'))}}
	{{response.files.append(URL('static','js/nivoslider/nivo-slider.css'))}}
	{{#------ include jQuery Tools specific js/css code ------}}
	{{response.files.append(URL('static','js/tools/jquery.tipsy.js'))}}
	{{response.files.append(URL('static','css/tipsy.css'))}}
  	{{include 'web2py_ajax.html'}}
</head>
<body>
<div id="header">
    <div id="header-inner">
        <div id="logo"><a href="{{=URL('default','index')}}"><img src="{{=URL('static','images/btp/spacer.gif')}}" border="0" style="width:291px; height:42px;"></a></div>
	  	{{block statusbar}}
	  	{{#------ superfish menu ------}}
	  	{{=MENU(response.menu,_id='header-menu')}}
	  	{{end}}
    </div>
</div>
<div id="main">
    <div id="main-inner">
        <div id="main-content">
        	{{include}}
        </div>
        <div style="clear:both;"></div>
</div>
<div id="footer">
    <div id="footer-inner">
        <div class="footer-content" style="margin-right:112px;">
        Copyright &copy; 2012 BrainTrainerPlus&trade;. {{=T("All rights reserved.")}}</div>
        <div class="footer-content">
        </div>
        <div class="footer-content" style="float:right;">
        {{try:}}{{=auth.navbar(action=URL('default','user'))}}{{except:pass}}
		<!--        
			<a href=""><img src="images/icons/nl.jpg" border="0"></a>
            &nbsp;
			<a href=""><img src="images/icons/en.jpg" border="0"></a>
            &nbsp;
			<a href=""><img src="images/icons/de.jpg" border="0"></a> 
		-->
        </div>
        <div style="clear:both;"></div>
    </div>
</div>
<script type="text/javascript">
	$("#header-menu li ul li:nth-child(1)").css('padding-top', '15px');
	$('li').has('li').addClass("rollover"); 
	$('li.active').has('li').attr('id', 'aRO'); 
	$('li.lastactive').has('li').attr('id', 'laRO'); 
</script>
</body>
</html>
